<template>
    <el-dialog title="" visible :show-close="false" class="wrap">
    <div class="bt">老师详情</div>
	<i class="el-icon-close close" @click="cancel" style="color: white;z-index: 99;"></i>
        <el-form label-width="100px" class="form" :inline="true">
            <el-form-item label="工号">
                <el-input disabled v-model="form.jobNumber" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="电话">
                <el-input disabled v-model="form.phone" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="性别">
                <el-input disabled v-model="form.sex" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="中文名">
                <el-input disabled v-model="form.chineseName" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="英文名">
                <el-input disabled v-model="form.englishName" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="学校">
                <el-input disabled v-model="form.school" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="班级数">
                <el-input disabled v-model="form.classNumber" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="注册时间">
                <el-input disabled v-model="form.registrationTime" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
            <el-form-item label="是否启用">
                <el-input disabled v-model="form.isUse" :readonly='true' icon="info" class="select-block"></el-input>
            </el-form-item>
        </el-form>
        <el-button type="info" class="submit" @click="submit">确定</el-button>
    </el-dialog>
</template>

<script type="text/javascript">
    export default {
        props: ['params'],
        data () {
            return {
                dialogVisible: true,

                form: {
                    jobNumber: '',
                    phone: '',
                    sex: '',
                    chineseName: '',
                    englishName: '',
                    school: '',
                    classNumber: '',
                    registrationTime: '',
                    isUse: ''
                }
            }
        },
        created () {

        },
        methods: {
            submit () {
                this.$emit('close',{type:'info',cancel:false})
            },
            cancel () {
                this.$emit('close',{type:'info',cancel:true})
            }
        }
    }
</script>

<style lang="less" scoped>
    .wrap {
        text-align: center;
    }
    .bt{
			position: absolute;
			width: 100%;
			height: 50px;
			margin: 0 auto;
			top:0;
			left:0;
			background: #50BFFF;
			margin-bottom: 20px;
			color:white;
			text-align:left;
			line-height: 50px;
			font-size: 17px;
			padding-left: 15px;
		}

    .form {
      text-align: center;
		margin-top: 20px;
    }
     .input {
            display: inline-block;
        }

	.select-block {
		display: block;
		width: 85%;
	}
    .submit {
        width: 120px;
    }
</style>